<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<!-- Mirrored from www.spiralpixelthemes.co.uk/midnightoil/midnightoil/sidebar.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 26 Jan 2012 07:13:11 GMT -->
<head>
   
<link rel="stylesheet" type="text/css" href="css/sidebar.css" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="style/js/jquery1.7.js"></script>
<script type="text/javascript" src="style/js/scripts.js"></script>
<base target=_parent />
</head>

<body>
  <div id="Scroller-1"><div class="Scroller-Container">
   <div id="secondary">
    <h1>About Us</h1>

    <p>Once Toto got too near the open trap door, and fell in; and at first the little
    girl thought she had lost him.</p>

    <p>But soon she saw one of his ears sticking up through the hole, for the strong
    pressure of the air was keeping him up so that he could not fall.</p>

    <div id="social">
      <a href="#"><img src="style/images/facebook.png" width="32" height="32" alt=
      "facebook" /></a> <a href="#"><img src="style/images/email.png" width="32" height=
      "32" alt="email" /></a> <a href="#"><img src="style/images/linkedin.png" width="32"
      height="32" alt="linkedin" /></a> <a href="#"><img src="style/images/twitter.png"
      width="32" height="32" alt="twitter" /></a> <a href="#"><img src=
      "style/images/dribbble.png" width="32" height="32" alt="dribbble" /></a> <a href=
      "#"><img src="style/images/forrst.png" width="32" height="32" alt=
      "forrst" /></a><br />

      <a href="#"><img src="style/images/google.png" width="32" height="32" alt=
      "google" /></a> <a href="#"><img src="style/images/behance.png" width="32" height=
      "32" alt="behance" /></a> <a href="#"><img src="style/images/flickr.png" width="32"
      height="32" alt="flickr" /></a> <a href="#"><img src="style/images/deviantart.png"
      width="32" height="32" alt="deviantart" /></a>
    </div><div class="clear"></div><br/>

    <h2>Consequat Te Olim Letalis</h2>

    <p>So the Scarecrow led her through the trees until they reached the cottage, and
    Dorothy entered and found a bed of dried leaves in one corner.</p>

    <ul class="contact-list">
	<li>Premo ad hos olim odio</li>
	<li>Olim indoles ut venio iusto</li>
	<li>Sagaciter diam neque antehabeo</li>
    </ul>
  </div>

	<!-- TWITTER -->
	 <div id="twitter-wrapper">
        <div id="tweet">
          </div>
     </div>
</div>
  </div>
<!--end-->

  <div id="Scrollbar-Container">
    <div class="Scrollbar-Track">
      <div class="Scrollbar-Handle"></div>
	</div>
  </div>

<!-- ADD YOUR TWITTER ID HERE - REPLACE JO PHILLIPS -->
  <script type="text/javascript">
              //<![CDATA[
            getTwitters('tweet', {
            id: 'jo_phillips', 
            count: 3, 
            enableLinks: true, ignoreReplies: false,
            template: '<span class="twitterPrefix"><span class="twitterStatus">%text%<\/span>',
            newwindow: true
            });
            //]]>
  </script>


<script type="text/javascript">
var scroller  = null;
var scrollbar = null;
window.onload = function () {
  scroller  = new jsScroller(document.getElementById("Scroller-1"), 400, 200);
  scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true);
}
</script>
	
</body>

<!-- Mirrored from www.spiralpixelthemes.co.uk/midnightoil/midnightoil/sidebar.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 26 Jan 2012 07:13:11 GMT -->
</html>

